<template>
    <div>
        <div class="container field">
            <mt-field label="邮箱" placeholder="请输入邮箱" type="email" ></mt-field>
            <mt-field label="密码" placeholder="请输入密码" type="password" ></mt-field>
            <router-link to="/contact">
                <mt-button type="primary"  size="large" @click="tan()">登录</mt-button>
            </router-link>
            <router-link to="/register" class="a">
                立即注册
            </router-link>
            <a href="#"  class="a pull-right">
                忘记密码
            </a>
        </div>
    </div>

</template>


<script>

    export default {
       methods:{
           tan(){
               this.$messagebox.alert("登录成功").then(action => {

               });

           }
       }

    }
</script>

<style lang="scss">
    .field{
        margin-top: 10px;
        .mint-field-core{
            margin-top:12px;
            box-sizing: border-box;
        }
        .a{
            color: rgba(0, 0, 0, 0.35);
        }
        .a:hover{
            text-decoration: none;
            color: rgb(0, 0, 0);
        }
    }

</style>